<template>
	<view class="personal-info">
		<!-- 新进页面 -->
		<u-cell-group>
			<view class="">
				<view class='ul'>
					<view class='li'>
						<view class="u-cell__title ">姓名</view>
						<input class='catname' type="text" v-model="userInfo.member_name" placeholder="请输入姓名" />
					</view>
				</view>
				<view class='line'></view>

				<view class='ul'>
					<view class='li'>
						<view class="u-cell__title ">手机号</view>
						<input class='catname' type="text" v-model="userInfo.member_phone" placeholder="请输入手机号" />
					</view>
				</view>
				<view class='line'></view>
				<view class="btns flex-between">
					<view class="" @click="submit">查询</view>
				</view>
			</view>
		</u-cell-group>
		<view style="width: 100%;height: 100rpx;line-height: 100rpx;text-align: center;color: #999;">
			查询结果
		</view>
		<u-cell-group>
			<view class="">
				<view class='ul'>
					<view class='li'>
						<view class="u-cell__title ">审核状态</view>
						<input class='catname' v-if="memberlist.status == 0" type="text" v-model="memberlist.member_status_desc" disabled/>
						<input class='catname' v-if="memberlist.status == 1" style="color:green;" type="text" v-model="memberlist.member_status_desc" disabled/>
						<input class='catname' v-if="memberlist.status == 2" style="color:red;" type="text" v-model="memberlist.member_status_desc" disabled/>
					</view>
				</view>
				<view class='line'></view>
				<view class='ul' v-if="memberlist.audit_reason_desc != ''">
					<view class='li'>
						<view class="u-cell__title ">驳回原因</view>
					</view>
				</view>
				<view class='ul' v-if="memberlist.audit_reason_desc != ''">
					<view class='li'>
						<view class="u-cell__title" style="color: #999;">{{memberlist.audit_reason_desc}}</view>
					</view>
				</view>
				<view class='ul' v-if="memberlist.audit_remark != ''">
					<view class='li'>
						<view class="u-cell__title ">备注</view>
					</view>
				</view>
				<view class='ul' v-if="memberlist.audit_remark != ''">
					<view class='li'>
						<view class="u-cell__title" style="color: #999;">{{memberlist.audit_remark}}</view>
					</view>
				</view>
			</view>
		</u-cell-group>

	</view>
</template>

<script>
	import {
		upImg,audit_query
	} from '@/common/api';
	export default {
		data() {
			return {
				istype: 1,
				showInsurancePicker: false,
				userInfo: {
					member_name:'',
					member_phone:''
				},
				memberlist:{}
			}
		},
		onLoad() {

		},
		methods: {
			submit(){
				if (!this.userInfo.member_name) {
					uni.$u.toast('请输入姓名');
					return;
				}
				if (!this.userInfo.member_phone) {
					uni.$u.toast('请输入账号');
					return;
				}
				audit_query(this.userInfo).then(res => {
					console.log(res,'ppp')
					this.memberlist = res
				});
			},
			groupChange(n) {
				this.userInfo.sex = n
			},


		}
	}
</script>

<style lang="scss" scoped>
	.personal-info {
		background-color: #f7f7f7;
		min-height: 100vh;
		padding-bottom: calc(190rpx + env(safe-area-inset-bottom));

		/deep/.u-cell-group {
			background-color: #fff;
			flex-grow: 0;

			.u-cell-group__wrapper>.u-line {
				display: none;
			}

			.u-cell__body {
				padding: 0 18rpx 0 32rpx;
				height: 110rpx;
			}

			.u-cell__title {
				color: #333;
				font-size: 32rpx !important;
				font-weight: 500;

				&.required {
					&::before {
						content: '*';
						color: #fb2222;
					}
				}
			}

			.u-cell__value {
				color: #999;
			}
		}

		.btns {
			width: 100%;
			display: flex;
			justify-content: center;
			margin-top: 30rpx;
			margin-bottom: 30rpx;

			view {
				width: 90%;
				height: 80rpx;
				background-color: #3c7efc;
				text-align: center;
				line-height: 80rpx;
				border-radius: 80rpx;
				color: #fff;
			}
		}

		.wrap {
			overflow: hidden;
		}

		.ul {
			width: 92%;
			height: 110rpx;
			margin: auto;
		}

		.li {
			width: 100%;
			height: 110rpx;
			line-height: 110rpx;
			display: flex;
			justify-content: space-between;
		}


		.li .left {
			font-size: 32rpx;
			color: #333;
			text-align: left;
		}


		.catname {
			color: #999;
			margin-left: 10rpx;
			margin-top: 40rpx;
			font-size: 26rpx;
		}

		.catnames {
			color: #999 !important;
			font-size: 26rpx;
			margin-top: 40rpx;
		}

		.catname_s {
			margin-left: 10rpx;
			color: #999 !important;
			font-size: 26rpx;
		}

		input {
			text-align: right;
		}

		.line {
			width: 100%;
			height: 1rpx;
			background-color: #e6e6e6
		}



	}
</style>